/* axios二次封装 */
import axios from "axios";
import { delToken, getToken } from "./storage";
import router from '@/router/index.js'
import { Message } from 'element-ui'
var request = axios.create({
  //  创建的是axios的实例  request 代替 axios
  baseURL: "http://vue-shop-api-t.itheima.net/api/private/v1",
  timeout: 5000, //请求超时
});

// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const token = getToken()
    console.log(token, 'token');
    console.log(config, 'config');
    if (token) {
      config.headers['Authorization'] = token
    }
    // config.headers['Authorization'] = token
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
request.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    // console.log(response, 33333);
    // const token = getToken()
    // Message.error(response.data.meta.msg)
    // this.$message.error(response.data.meta.msg)
    return response.data;
  },
  function (error) {
    if (error.response) {
      Message.error(error.response.data.message)
      console.log(typeof error, 888);
      if (error.response.status == '401') {
        Message.error('请重新登录 ')
        //断定 token失效
        // 清空token  回login
        delToken()
        router.push('/')
      }
    }
    // 对响应错误做点什么
    return Promise.reject(error);
    // return Promise.reject(new Error('1111'));
  }
);

export default request; //axios